<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>子选择器案例</title>
    <style>
        #mylist > li{
            list-style: none;
        }
    </style>
</head>
<body>
<h1>子选择器案例</h1>
<hr>
<ul id="mylist">
    <li class="fruit">
        水果
        <ul>
            <li>苹果</li>
            <li>香蕉</li>
            <li>菠萝</li>
        </ul>
    </li>
    <li class="vg">
        蔬菜
        <ul>
            <li>土豆</li>
            <li>西红柿</li>
            <li>黄瓜</li>
        </ul>
    </li>
    <li class="appliances">
        家电
        <ul>
            <li>电视机</li>
            <li>冰箱</li>
            <li>洗衣机</li>
        </ul>
    </li>
</ul>
</body>
</html>